<?php defined("APP_VERSION") OR die("No Access"); ?>
<?php $this->templateBlock('Login:header'); ?>
<!-- 提示框 -->
<div class="main-top reg-tabs">
  <ul class="tabs-switch">
    <li class="current"><a href="<?php echo $this->baseUrl('login', 'register');?>" class="ts-email">电子邮箱注册</a></li>
    <li style="display: none;"><a href="/reg?type=m" class="ts-mobie">手机号注册</a></li>
  </ul>
  <div class="login-box"> 已有喵喵账号？<span class="micro-btn-shallow"><a href="<?php echo $this->baseUrl('login', 'index');?>" title="立即登录" class="btn-txt">立即登录</a></span> </div>
</div>
<!-- 主题内容 -->
<div class="main page-sa page-register Fix">
  <form method="post" id="form-submit" action="<?php echo $this->baseUrl('login', 'register');?>">
    <!--左侧-->
    <div class="section">
      <div id="cont-reg" class="block login-form">
        <div class="form-block">
          <label for="ctl00_PlaceHolderPage_Email" class="label">电子邮箱：</label>
          <input name="email" value="" type="text" maxlength="40" id="ctl00_PlaceHolderPage_Email" tabindex="1" class="form-txt form-txt-l email" size="30" />
          <span id="ctl00_PlaceHolderPage_fv_email" class="form-msg-box mb-note fv_email">请输入真实有效的邮箱，以便密码找回</span> </div>
        <div class="form-block">
          <label for="ctl00_PlaceHolderPage_NickName" class="label">昵称：</label>
          <input name="nickname" value="" type="text" maxlength="24" id="ctl00_PlaceHolderPage_NickName" tabindex="2" class="form-txt form-txt-l nickname" size="30" />
          <span id="ctl00_PlaceHolderPage_fv_nickname" class="form-msg-box mb-error Hide fv_nickname"></span> </div>
        <div class="form-block">
          <label for="ctl00_PlaceHolderPage_PassWord" class="label">密码：</label>
          <input name="password" type="password" autocomplete="off" maxlength="33" id="ctl00_PlaceHolderPage_PassWord" tabindex="3" class="form-txt form-txt-l password" size="30" />
          <span id="ctl00_PlaceHolderPage_fv_password" class="form-msg-box mb-error Hide fv_password"></span>
          <!--密码强度-->
          <span class="form-psw-indic Hide" id='strengthLv' style='display:block'> <strong>密码强度：</strong> <span class="item i-a"><em>弱</em></span> <span class="item i-b"><em>中</em></span> <span class="item i-c"><em>强</em></span> </span>
          <!--/密码强度-->
        </div>
        <div class="form-block">
          <label for="ctl00_PlaceHolderPage_LocalCity" class="label">常居地：</label>
          <input name="localCity" type="text" id="ctl00_PlaceHolderPage_LocalCity" tabindex="4" class="form-txt form-txt-s localcity" DataTextField="CityName" DataValueField="CityID" value="上海" />
          <span id="ctl00_PlaceHolderPage_fv_localcity" class="form-msg-box mb-error Hide fv_localcity"></span> </div>
        <div class="form-block">
          <div class="form-content-block form-note-block b-captcha"> <img src="<?php echo $this->baseUrl('login', 'validateCode');?>" onclick="this.src='<?php echo $this->baseUrl('login', 'validateCode');?>&' + Math.floor(Math.random()*1001);" id="mcImgVC" alt="看不清楚?请点击!"> <span class="note"><a href="#" onclick="document.getElementById('mcImgVC').src='<?php echo $this->baseUrl('login', 'validateCode');?>&' + Math.floor(Math.random()*1001);return false;">看不清？换一张</a></span> </div>
          <label for="ctl00_PlaceHolderPage_ValueCode" class="label">验证码：</label>
          <input name="validate" type="text" id="ctl00_PlaceHolderPage_ValueCode" tabindex="5" class="form-txt form-txt-s validate" size="60" autocomplete="off" />
          <span id="ctl00_PlaceHolderPage_fv_validate" class="form-msg-box mb-error Hide fv_validate"></span> </div>
        <div class="form-block" style="display: none;">
          <div class="form-content-block chk-unit form-note-block provision">
            <input type="checkbox" id="agreeprovision" class="form-chk">
            <label for="agreeprovision">我已看过并同意大众点评网<a href="http://www.dianping.com/aboutus/useragreement" target="_blank">《用户使用协议》</a></label>
          </div>
        </div>
        <div class="block form-btn-block form-block form-content-block"> <strong class="btn-type-c btn-fn-e">
          <input type="submit" name="ctl00$PlaceHolderPage$btnReg" value="立即注册" id="ctl00_PlaceHolderPage_btnReg" tabindex="7" class="form-btn" />
          </strong>
          <!--strong的class中添加J_disabled变为disabled样式-->
        </div>
      </div>
    </div>
  </form>
  <!--右侧-->
  <div class="aside aside-right">
    <div class="block b-ids" style="zoom:1;">
      <div class="block-title">您也可以使用下列帐号登录大众点评：</div>
      <ul style="height: 50px;">
        <li> <span class="id-qq"> <a href="#" name="btQQLogin" value="腾讯QQ登录" id="btQQLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_QQ');">QQ帐号</a> </span> </li>
        <li> <span class="id-renren"> <a href="#" name="xn_login_image" value="人人网帐号" id="btRenLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_renren');">人人网帐号</a> </span> </li>
        <li> <span class="id-weibo"> <a href="#" name="btSinaLogin" value="新浪微博帐号" id="btSinaLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_sina');">新浪微博帐号</a> </span> </li>
        <li> <span class="id-kaixin"> <a href="#" name="btKaiLogin" value="开心网帐号" id="btKaiLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_kaixin');">开心网帐号</a> </span> </li>
        <li> <span class="id-alipay"> <a href="#" name="btAliPayLogin" value="支付宝帐号" id="btAliPayLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_alipay');">支付宝登录</a> </span> </li>
        <li> <span class="id-sohu"> <a href="#" name="btSohuLogin" value="搜狐微博帐号" id="btSohuLogin" onclick="pageTracker._trackPageview('dp_thirdlogin_sohu');">搜狐微博帐号</a> </span> </li>
        <li> <span class="id-360"> <a href="#" name="bt360Login" value="360帐号" id="bt360Login" onclick="pageTracker._trackPageview('dp_thirdlogin_360');">360帐号</a> </span> </li>
        <li> <span class="id-baidu"> <a href="#" name="btHao123Login" value="百度帐号" id="btHao123Login" onclick="pageTracker._trackPageview('dp_thirdlogin_baidu');">百度帐号</a> </span> </li>
      </ul>
      <a title="展开" href="javascript:;" class="b-ids-toggle ">展开</a> </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
	var form_submit = {
		form_id: 'form-submit',
		email_id : 'ctl00_PlaceHolderPage_Email',
		nickname_id : 'ctl00_PlaceHolderPage_NickName',
		password_id : 'ctl00_PlaceHolderPage_PassWord',
		validate_id : 'ctl00_PlaceHolderPage_ValueCode',
		check_email : function() {
			regObj = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
			check_result = regObj.test($('#'+form_submit.email_id).val());
			if (check_result) {
				$('#ctl00_PlaceHolderPage_fv_email').removeClass('Hide mb-note').css('color', 'green').html('邮箱 通过验证.');
			} else {
				$('#ctl00_PlaceHolderPage_fv_email').css('color', 'red').html('邮箱输入有误,请重新输入.');
			}
			
			return check_result;
		},
		check_nickname : function() {
			regObj = /^[a-zA-Z0-9\u4e00-\u9fa5]{2,10}$/;
			check_result = regObj.test($('#'+form_submit.nickname_id).val());
			if (check_result) {
				$('#ctl00_PlaceHolderPage_fv_nickname').removeClass('Hide mb-error').css('color', 'green').html('昵称 通过验证.');
			} else {
				$('#ctl00_PlaceHolderPage_fv_nickname').removeClass('Hide').css('color', 'red').html('昵称输入有误,请输入2到10个字符.');
			}
			return check_result;	
		},
		check_password : function() {
			regObj = /^[a-zA-Z0-9_]{6,12}$/;
			check_result = regObj.test($('#'+form_submit.password_id).val());
			if (check_result) {
				$('#ctl00_PlaceHolderPage_fv_password').removeClass('Hide mb-error').css('color', 'green').html('密码 通过验证.');
			} else {
				$('#ctl00_PlaceHolderPage_fv_password').removeClass('Hide').css('color', 'red').html('用户昵称输入有误,请输入6到12个字符.');
			}
			return check_result;
		},
		check_code : function() {
			regObj = /^[\u4e00-\u9fa5]{3,3}$/;
			check_result = regObj.test($('#'+form_submit.validate_id).val());
			if (check_result) {
				$('#ctl00_PlaceHolderPage_fv_validate').removeClass('Hide mb-error').css('color', 'green').html('验证码 符合要求.');
			} else {
				$('#ctl00_PlaceHolderPage_fv_validate').removeClass('Hide').css('color', 'red').html('验证码为三个汉字.');
			}
			return check_result;
		}
	};
	$('#ctl00_PlaceHolderPage_Email').blur(function() {
		form_submit.check_email();
	});
	$('#ctl00_PlaceHolderPage_NickName').blur(function() {
		form_submit.check_nickname();
	});	
	$('#ctl00_PlaceHolderPage_PassWord').blur(function() {
		form_submit.check_password();
	});	
	$('#ctl00_PlaceHolderPage_ValueCode').blur(function() {
		form_submit.check_code();
	});		
</script>
<?php $this->templateBlock('Comm:footer'); ?>
</body>
</html>